<h3></h3>
<div class="row">
	<form name="addUser" action="addUser.php?action=save" method="POST" enctype="multipart/form-data">
		<div class="col-md-6 pd-rl">
			<div class="bg-white tbl-td fuf-shadow pd-rl">

				<div class="col-md-6 pd-rl">
					<h4>Foto Profil</h4>
					<input type="file" class="filestyle" data-icon="false" name="filedata" id="fileToUpload">
		    		<img class="img-prev" id="preview" src="template/images/avatar.png" alt="preview image" />
		    		<h4>Hak Akses</h4>
		    		<div class="btn-group" data-toggle="buttons">
						<label class="btn btn-primary active">
							<input type="radio" name="access" id="personal" value="personal" autocomplete="off" checked><i class="fa fa-eye"></i> Personal
						</label>
						<label class="btn btn-primary">
							<input type="radio" name="access" id="editor" value="editor" autocomplete="off"><i class="fa fa-pencil-square"></i> Editor
						</label>
						<label class="btn btn-primary">
							<input type="radio" name="access" id="admin" value="admin" autocomplete="off"><i class="fa fa-desktop"></i> Admin
						</label>
					</div>
				</div>
				<div class="col-md-6 pd-rl">
					<h4>Username</h4>
					<input type="text" class="fuf-input form-control" name="user_username" placeholder="Username" />
					<h4>Nama Lengkap</h4>
					<input type="text" class="fuf-input form-control" name="nama_lengkap" placeholder="Nama Lengkap"  />
					<h4>Email</h4>
					<input type="email" class="fuf-input form-control" name="email" placeholder="Email" />
					<h4>Password</h4>
					<input type="password" class="fuf-input form-control" name="password" placeholder="Password"  />
					<h4>Confirm Password</h4>
					<input type="password" class="fuf-input form-control" name="confirmPassword" placeholder="Confirm Password"  />
					<h4>Jenis Kelamin</h4>
					<div class="btn-group" data-toggle="buttons">
						<label class="btn btn-primary active">
							<input type="radio" name="gender" value="L" id="pria" autocomplete="off" checked><i class="fa fa-male"></i> Pria
						</label>
						<label class="btn btn-primary">
							<input type="radio" name="gender" value="P" id="wanita" autocomplete="off"> <i class="fa fa-female"></i> Wanita
						</label>
					</div>
				</div>
				<div class="bts-ats pd-rl">
					<button type="submit" class="btn btn-primary btn-lg bts-ats" style="width:100%;">Save</button>
				</div>
				<div class="sambungfloat"></div>
			</div>
		</div>
	</form>
</div>
<script type="text/javascript">
	{literal}
		function readURL(input) {

		    if (input.files && input.files[0]) {
		        var reader = new FileReader();

		        reader.onload = function (e) {
		            $('#preview').attr('src', e.target.result);
		        }

		        reader.readAsDataURL(input.files[0]);
		    }
		}

		$("#fileToUpload").change(function(){
		    readURL(this);
		});
	{/literal}
	</script>
